// 适合所有屏幕的适配情况，包括移动端和pc端及大屏
// 1920是设计稿的宽度
(function () {
  var b = document.documentElement
  var a = function () {
    // a为屏幕的宽度,例如为375，则实际屏幕宽度比上设计稿的宽度为0.5，也就是说设计稿1px就相当于实际屏幕宽度0.5px
    // 所以在实际px书写时，是需要将测量的设计稿宽度乘以比例0.5，rem就正好符合，将html的字体大小设置为0.5px即可
    var a = b.getBoundingClientRect().width
    // 乘以100是将比例放大100倍，因为浏览器规定字体大小不得小于12px，避免12px以下的字体不显示
    b.style.fontSize = (a / 1920) * 100 + 'px'
    // 这里的将缩放比例放大到一百倍，在蓝湖上测量，css转rem的基数就是100
  }
  var c = null
  window.addEventListener('resize', function () {
    clearTimeout(c)
    c = setTimeout(a, 300)
  })
  a()
})()
